<!DOCTYPE html>
@args String who
<html lang="@_lang">
<head>
  <meta charset="UTF-8">
  <script src="/~/asset/js/jquery.js"></script>
  <script src="/~/asset/js/jquery.ext.js"></script>
  <title>Hello @who!</title>
</head>
<body>
<h1>Hello @who! in hello context</h1>

<style>
  ul li {
    display: block;
  }
</style>

<ul>
  <li>
    <button id="test-301-get">Test 301 Get</button>
  </li>
  <li>
    <button id="test-301-post">Test 301 Post</button>
  </li>
  <li>
    <button id="test-302-get">Test 302 Get</button>
  </li>
  <li>
    <button id="test-302-post">Test 302 Post</button>
  </li>
  <li>
    <button id="test-303-get">Test 303 Get</button>
  </li>
  <li>
    <button id="test-303-post">Test 303 Post</button>
  </li>
  <li>
    <button id="test-307-get">Test 307 Get</button>
  </li>
  <li>
    <button id="test-307-post">Test 307 Post</button>
  </li>
  <li>
    <button id="test-308-get">Test 308 Get</button>
  </li>
  <li>
    <button id="test-308-post">Test 308 Post</button>
  </li>
</ul>

<script>

  $('#test-301-get').on('click', function() {
      $.get("/redirect/301", function (data) {
          console.log(data);
      })
  })

  $('#test-301-post').on('click', function() {
      $.post("/redirect/301", function (data) {
          console.log(data);
      })
  })

  $('#test-302-get').on('click', function() {
      $.get("/redirect/302", function (data) {
          console.log(data);
      })
  })

  $('#test-302-post').on('click', function() {
      $.post("/redirect/302", function (data) {
          console.log(data);
      })
  })

  $('#test-303-get').on('click', function() {
      $.get("/redirect/303", function (data) {
          console.log(data);
      })
  })

  $('#test-303-post').on('click', function() {
      $.post("/redirect/303", function (data) {
          console.log(data);
      })
  })

  $('#test-307-get').on('click', function() {
      $.get("/redirect/307", function (data) {
          console.log(data);
      })
  })

  $('#test-307-post').on('click', function() {
      $.post("/redirect/307", function (data) {
          console.log(data);
      })
  })

  $('#test-308-get').on('click', function() {
      $.get("/redirect/308", function (data) {
          console.log(data);
      })
  })

  $('#test-308-post').on('click', function() {
      $.post("/redirect/308", function (data) {
          console.log(data);
      })
  })

</script>

</body>
</html>